﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-family: Arial;
    font-size: 12px;
    line-height: 1;
    padding:0;
    margin:0;
}
ul {list-style-type:none;}

body * { padding:0; margin:0;  }
p {margin:10px 0; font-size:12pt; line-height:16pt}
h1 {padding:10px 0 0px 40px; font-size:1.7em }
.h1 {padding:10px 0 0px 40px; font-size:1.7em }
.floatleft {float:left;}
#page { width:1100px; margin-left:auto; margin-right:auto; }

#headerinner { padding:0 40px; }

#footerlinks {height:200px;}

#topBanner, #bottomBanner { width:728px; height:90px;  margin:10px 0 10px 146px; text-align:center; }
#bottomBanner {margin:0px 0 0px 186px; }
#bottombannercontainer {padding:10px 0;}

#logo { width: 300px; height:60px;  }

#logindisplay,#socialmediaicons {width: 500px; height:60px; float:right; border-radius: 7px 7px 7px 7px;}
#socialmediaicons h3 {font-size:1.0em; text-transform:uppercase; margin-bottom:10px; color:#ddd; font-weight: bold;}
h4 {font-size:1.0em;  margin-bottom:10px; }
.sharethis {border-radius: 7px; padding:10px; margin: 0 10px 10px 0; float:left; display:block; width:130px;}
.sharethis P {margin-bottom:10px;}

.margtop {margin-top:10px;}
.standardtext {font-size: 15px;
    line-height: 18px;}

#carousel { margin:10px 40px 40px 40px; }

#main { padding:10px 40px 40px 40px; }

#menu { margin-top:20px; margin-left:40px;}

#menu li {float:left; display:block;  font-size:1.2em }
#menu li.title {padding:8px 20px !important; display:block;height: auto;}
#menu li a {padding:8px 20px; display:block;}


#menustrapline { padding: 8px 40px; font-size:1.1em;}

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

.indexcolumn { width:312px;  float:left;}
.indexcolumnwider { width:336px;  float:left;}

.indexcolumnwide {width:654px}

.indexcolumn.marginright { margin-right:30px;}
.indexcolumn .videolink {margin-top:10px; width:312px; height:170px}
.indexcolumnwider .featured img.videolink {margin-left:12px;}
.indexcolumn .playlistitem,.indexcolumn .playlist {margin-top:5px;padding-left:5px; padding-right:5px; padding-bottom:5px;}
.indexcolumn h1 { padding:10px; font-size:1.5em; }
.indexcolumn .h1 { padding:10px; font-size:1.5em; }


.indexcolumn ul {margin-top:0px;}
.indexcolumn ul li {padding:10px 0; margin-bottom:0px;}
.indexcolumn ul .h2 {  }

#adcontainer { margin-top:0px; margin-bottom:10px; text-align:center}

.carousel ul {list-style-type:none;}
.carousel .imagecontainer, .carousel .playlistcontainer {width:510px; float:left; height:300px }
.playlistcontainer li { padding:20px 10px 20px 20px; height:19px; }
.carousel .imagecontainer .playlistitem {margin-right:10px;}
.playbullet {height:20px; width:25px; display:block; float:left; padding-left:13px; padding-top:5px; margin-top:0; margin-right:20px;cursor:pointer; border-radius: 4px;}
.playbullet-small {height:16px; width:15px; display:block; float:left; padding-left:5px; padding-top:1px; margin-top:0; margin-right:10px;cursor:pointer; border-radius: 3px;}

.carousel .image {height: 240px; margin-bottom:7px; }
h2 {font-size:1.1em;}
h3 {font-size:1em;}
.h2, h2
{ font-weight:bold; }
.h3
{ font-weight:normal; }

.player .imagecontainer, .player .playlistcontainer {float:left; height:360px }
.player .imagecontainer {width:640px;}
.player .playlistcontainer {width:380px; }
.player .h2 {font-size:1.1em;}
.player h2 {font-size:1.1em;}
.player .h3 {font-size:1em;}
.player .playlistcontainer li, li.title { padding:15px 10px 15px 20px; height:32px; }
.player .playlistcontainer li.title { border-radius: 0px 6px 0px 0px; }
li.title {  font-weight:bold; font-size:1.2em; text-transform:uppercase;padding:15px 10px 0 20px !important; text-align:right; }
.indexcolumn li.title {text-align:left}
 
.spacer {margin:20px 0;}
.topborder {border-top-width:1px;}
.playlistitem, playlist
{cursor:pointer;}

.playlistitem .playduration {font-size:0.8em; float:none;clear:both;padding-top:3px; }


.playlistitem .playduration p
{
margin:5px 0 0 0;    
}

.playlistitem .commentcount
{
    padding-left:16px;
    margin-top:5px;
    font-size:12px;float:right;font-weight:bold;font-size:1em;margin-left:5px;
}